/**
 * Created by liuzengrong on 2019/8/12.
 */
import React, { Component } from 'react';
import { PageHeader, Typography } from 'antd';
import styles from './index.less';

const { Paragraph } = Typography;

const content = (
  <div className="content">
    <Paragraph>
      外贸综合服务平台专业代办出口退税。
    </Paragraph>
    <Paragraph>
      出口退税是指国家运用税收杠杆奖励出口的一种措施。一般分为两种： 一是退还进口税，即出口产品企业用进口原料或半成品，加工制成产品出口时，退还其已纳的进口税；二是退还已纳的国内税款，即企业在商品报关出口时，退还其生产该商品已纳的国内税金。出口退税，有利于增强本国商品在国际市场上的竞争力，为世界各国所采用。
    </Paragraph>
    <p className={styles.contentLink}>
      <a>
        <img
          src="https://gw.alipayobjects.com/zos/rmsportal/MjEImQtenlyueSmVEfUD.svg"
          alt="start"
        />
        立即咨询
      </a>
      <a>
        <img src="https://gw.alipayobjects.com/zos/rmsportal/NbuDUAuBlIApFuDvWiND.svg" alt="info" />
        立即下单
      </a>
      <a>
        <img src="https://gw.alipayobjects.com/zos/rmsportal/ohOEPSYdDTNnyMbGuyLb.svg" alt="doc" />
        产品文档
      </a>
    </p>
  </div>
);

const extraContent = (
  <img
    src="https://gw.alipayobjects.com/mdn/mpaas_user/afts/img/A*KsfVQbuLRlYAAAAAAAAAAABjAQAAAQ/original"
    alt="content"
  />
);

export default class Service extends React.Component {

  constructor(props) {
    super(props);
    this.state = {};
  }

  render() {
    return (
      <div style={{ maxWidth: '1200px', margin: 'auto', background: '#fff', paddingTop: 80, paddingBottom: 80}}>
        <PageHeader title="全球物流">
          <div className={styles.wrap}>
            <div className={styles.content}>{content}</div>
            <div className={styles.extraContent}>{extraContent}</div>
          </div>
        </PageHeader>
      </div>
    );
  }

}
